<template>
  <view class="container">
    <view class="banner">
        <swiper class="swiper" indicator-dots circular autoplay indicator-active-color="#ffffff">
          <swiper-item v-for="swiper in swipers" :key="swiper">
            <view class="swiper-item">
              <image class="banner-img" :src="swiper"></image>
            </view>
          </swiper-item>
        </swiper>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'

const swipers = ref([
	'https://t7.baidu.com/it/u=1035726655,1110652804&fm=193&f=GIF',
	'https://t7.baidu.com/it/u=3601447414,1764260638&fm=193&f=GIF',
	'https://t7.baidu.com/it/u=1806337451,4103535377&fm=193&f=GIF'
])
</script>

<style lang="scss">
.container {
  padding: 0 24rpx;
  
}
</style>
